<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>${Global.getValue('title')}</title>
	
	<link rel="shortcut icon" href="../images/logo.ico" />
	<link rel="stylesheet" href="../styles/qtsc.css">
	<link rel="stylesheet" href="../styles/home.css">
	<link rel="stylesheet" href="../styles/modal-message.css">
	<link rel="stylesheet" type="text/css" href="../styles/calendar.css"/>
	
	<script language="javascript" type="text/javascript" src="../scripts/prototype.js"></script>
	<script language="javascript" type="text/javascript" src="../scripts/home.js"></script>
	<script language="javascript" type="text/javascript" src="../scripts/ajax.js"></script>
	<script language="javascript" type="text/javascript" src="../scripts/ajax-dynamic-content.js"></script>
	<script language="javascript" type="text/javascript" src="../scripts/modal-message.js"></script>
	<script language="javascript" type="text/javascript" src="../scripts/calendar.js"></script>
	<script language="javascript" type="text/javascript" src="../scripts/qtsc.js"></script>
</head>

<body>
<div id="container">
    <div id="header"><span id="loading"></span></div>
    <div id="menu">
    	<span class="quickSearch">
    		<input type="text" id="firstName" style="height:14px"/>
    		<select id="type" style="height:18px">
    			<option value="0">All</option>
    			<option value="1" selected>Study</option>
    			<option value="2">No Study</option>
    		</select>
    		<a href="#" onclick="searchByFirstName()">Go</a>
    		- <a href="#" onclick="reportStudy()">Report</a>
    	</span>
    	<span class="subMenu">
	    	<a href="#" onclick="cc('showAllStudents.sgt')">Home</a>
	    	| <a href="#" onclick="cc('showStudentSearch.sgt')">Advanced Search</a>
	    	| <a href="#" onclick="location.href = '../user/logout.sgt'">Logout</a>
    	</span>
    </div>
    <div id="content">
    	<div id="main"></div>
    </div>
    <div id="footer">${i18n.getMessage('copyright')}</div>
</div>
</body>
</html>

<script>
	
	
	searchByFirstName = function() {
		cc('searchByFirstName.sgt?firstName=' + $('firstName').value + '&type=' + $('type').value);	
	}
	
	reportStudy = function() {
		pp('reportStudy.sgt?firstName=' + $('firstName').value + '&type=' + $('type').value);
	}
	
	searchByFirstName();
</script>

